<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Hello</title>
    <link rel="stylesheet" type="text/css" href="/back.css"/>
    <script src="/jquery-1.11.3.min.js"></script>
</head>
<body>
<div style="background:#98bf21;height:100px;width:100px;position:absolute;">
</div>

<p>
    一幅图像：
    <img src="/img1.jpg" width="128" height="128"/>
</p>
<p>
    一幅动画图像：
    <img id="img1" src="/eg_cute.gif" width="50" height="50"/>
</p>

<ul>
    <li>咖啡</li>
    <li>茶</li>
    <li>牛奶</li>
</ul>

</body>

<script type="text/javascript">
	$(document).ready(function() {
        timedCount();
	});

	function timedCount() {
	    var div=$("div");
        div.animate({height:'300px',opacity:'0.4'},"slow");
        div.animate({width:'300px',opacity:'0.8'},"slow");
        div.animate({height:'100px',opacity:'0.4'},"slow");
        div.animate({width:'100px',opacity:'0.8'},"slow");
        t=setTimeout("timedCount()",5000)
    }


</script>
</html>